﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.7.1.js"></script>
    <script src="Scripts/datajs-1.1.0.min.js"></script>
    <script src="Scripts/DataRepeater.js"></script>
     <script type="text/javascript">
   

         
    </script>
     <script type="text/javascript">

         var itemTemplate = "<tr><td>#en_subject#</td><td>#en_title#</td><td>#ID#</td><td>#display#</td></tr>";
         var separatorTemplate = "";
         var dataObject;
         $(document).ready(function () {
             OData.read("http://<Server>/odata/Announcements", function (data, response) {
                 dataObject = data.results;
                 $('#Repeater').MHTReapeater({
                     dataSource: data,
                     headerTemplate: '<table>',
                     itemTemplate: itemTemplate,
                     separatorTemplate: separatorTemplate,
                     footerTemplate: '</table>',
                     EmptyData: '<p>No Data</p>'

                 });
             });

         });
    </script>
   </head> 
<body>

<div id="Repeater"></div>
</body>
</html>
